<!DOCTYPE HTML>
<html>
    <head>
        <title>Annotation Example</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!-- OpenLayers, GeoExt, ExtJS -->
        <script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/ext-all-debug.js"></script>
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-3.4.0/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-3.4.0/examples/shared/examples.css" />
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-3.4.0/examples/ux/css/Spinner.css" />
        <script type="text/javascript" src="../../../../lib/externals/openlayers/lib/OpenLayers.js"></script>
        <script type="text/javascript" src="http://www.openlayers.org/dev/lib/OpenLayers/Lang/fr.js"></script>
        <script type="text/javascript" src="../../../../lib/externals/geoext/lib/GeoExt.js"></script>

        <!-- Annotation -->
        <script type="text/javascript" src="../js/Annotation.js"></script>
        <script type="text/javascript" src="../js/FeaturePanel.js"></script>
        <script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/examples/ux/Spinner.js"></script>
        <script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/examples/ux/SpinnerField.js"></script>
        <link rel="stylesheet" type="text/css" href="../resources/css/annotation.css" />

        <!-- example  -->
        <script type="text/javascript" src="annotation.js"></script>

    </head>
    <body>
        <h1>Annotation example</h1>

        <p></p>

        <p></p>

        <p></p>

        <p>See <a href="annotation.js">annotation.js</a> for the source code.</p>

        <div id="content"></div>
    </body>
</html>
